@charset "utf-8";
/* CSS Document */

/***courselist page***/
.total{ width: 100%; min-height: 100%;background: #f2f2f2; }
.pagetop{ height: 4rem; background: #0078d7; z-index: 4  }
.pagetop img.logo{ height: 2rem; padding-top: 1rem; }
.pagetop .language{ float: right; display: inline; position: relative; background:url(../images/language.png) left 1.5rem no-repeat; background-size: auto 1rem; padding-left: 1.5rem; margin-right: 2.5rem; }
.pagetop .language span.lanname{display: block; cursor: pointer;  height: 4rem; line-height: 4rem; }
.pagetop .languagelist{  left: 0; top:4rem; color:#fff; padding-top: 1rem;  background: #004881; z-index: 5  ; text-align: center; display: none;}
.pagetop .languagelist a{ padding: 0 2rem;display: block; line-height: 2rem; color:#fff; }
.pagetop .languagelist a:hover{ background: #0d7ac9; }



.pagetop .user{ float: right; display: inline; position: relative; }
.pagetop .user span.name{display: block; cursor: pointer;  height: 4rem; line-height: 4rem; }
.pagetop .user .userinfo{ right: 0; top:4rem; color:#fff; padding-top: 1rem;  background: #004881; z-index: 5  ; text-align: center; display: none}
.pagetop .user .userinfo img{ width: 5rem; height: 5rem; border-radius: 2.5rem; margin: 0 auto; }
.pagetop .user .userinfo span{ display: block; text-align: center; line-height: 1.5rem; }
.pagetop .user .userinfo em.from{ color:#00c6ff; display: block; text-align: center;  line-height: 1.5rem; margin-bottom: 0.5rem; }
.pagetop .user .userinfo a.exit{ height: 1.3rem; line-height: 1.3rem; margin-bottom: 1rem; color:#fff; border-radius: 1rem; padding: 0 1rem; display:inline-block; border: #fff 1px solid;  }
.pagetop .user .userinfo .userlink{ border-top:#477ba4 1px solid;  }
.pagetop .user .userinfo .userlink a{ display: block; line-height: 2rem; color:#fff; }
.pagetop .user .userinfo .userlink a:hover{ background: #0d7ac9; }
.pagetop .user .userinfo .mobilenav{ border-top:#477ba4 1px solid; text-align: left;}
.pagetop .user .userinfo .mobilenav a{ display: block;  color:#fff; padding-left: 1rem; }
.pagetop .user .userinfo .mobilenav a:hover{ background: #0d7ac9; }
.pagetop .mainwidth{ text-align: center; }
.pagecon{ }
.total .mainwidth{width:90%;max-width:1600px;  margin: 0 auto; }
.total .mainnav{height: 4rem; line-height: 4rem; border-bottom: #bbbbbb 1px solid; font-size: 1rem; margin-bottom: 1rem; }
.total .mainnav a{ padding:0 1rem; float: left; display: inline; color:#585858; }
.total .mainnav a.curr{ background: #fff; }

.total .livebox{width:100% ; line-height: 4rem; background: #009a00; color:#fff; position: relative; margin-bottom: 0.8rem;  }
.livebox .tit{display: flex ;justify-content: center;height: 100%;  position: absolute; left:0; top:0; font-size: 1.5rem; font-weight: 600; background: #008000; padding: 0 5rem 0 2rem; }
.livebox .con{ padding: 1.2rem 0.8rem; line-height: 2rem; font-size: 0.8rem; line-height: 1.8rem; margin:0 2rem 0 15rem; }
.livebox .con a{ color:#fff; }
.livebox .con p{ float: left; display: inline;  }
.livebox .con em.time{  display: inline; float: right; }
.livebox a.close{ width: 2rem; height: 100%; background:url(../images/close.png) center no-repeat #008000; background-size: 50%;  position: absolute; right: 0; top:0;  }

.total .classbox,.total .coursebox{ width:100%;margin-bottom: 0.8rem;  }
.total .coursebox,.total .coursebox2,.total .classbox2{ width:100%; position: relative; }
.total .box{}
.total .box .tit, .total .box .headTit{ font-size: 2.2rem; line-height: 4rem; border-bottom: #bbbbbb 1px solid; color:#8b8b8b; font-weight: 200;  }
.total .box .con{ padding-top: 2rem; }

.box .boxshow,.box .boxshow2{ background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; position: relative;   }
.box .boxshow a.more,.box .boxshow2 a.more{position: absolute; right: 0; top:0; font-size: 1rem; line-height: 2rem ; height: 3rem; width: 3rem; text-align: center; }
.box .boxshow .s_l{ width:39.7%; float: left; display: inline; padding: 2rem; padding-right: 0; height: 100%;  }
.box .boxshow .s_l em{ display: block; font-size: 1.2rem;  line-height: 1.5rem; height: 1.5rem; overflow: hidden;}
.box .boxshow .s_l .courseimg{position: relative;width: 100%;  overflow: hidden; text-align: center;  margin: 0.5rem 0;}
.box .boxshow .s_l .other{ height: 3rem; display: block;overflow: hidden; }
.box .boxshow .s_l span{font-size: 1rem; line-height: 1.5rem; overflow: hidden; display: block; }
.box .boxshow .s_l .courseimg img{ width: 100%;height: 100%;display: block;}
.box .boxshow .s_l a{width: 100%; height: 3rem; line-height: 3rem; background: #0078d7; text-align: center; color:#fff; display: block; margin-top: 0.5rem }
.box .boxshow .s_r{width:47%; float: right; display: inline; font-size: 1rem; padding: 2rem 3%; }
.box .boxshow .s_r  span.coursetit{ font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; height: 1.5rem; overflow: hidden; }
.box .boxshow .s_r ul{ padding: 0.5rem 0; border-bottom: #d4d4d4 1px solid; margin-bottom: 0.5rem }
.box .boxshow .s_r ul li{ line-height: 2rem; display:block; }
.box .boxshow .s_r ul li img.curr{ display: inline-block; width: 1rem; position: relative; top:0.1rem; margin-left: 0.5rem  }
.box .boxshow .s_r span.book{ background:url(../images/bookico.png) left center no-repeat; background-size: 1rem; padding-left: 1.5rem; line-height: 2rem; display: block; }
.box .boxshow .s_r span.time{ background:url(../images/clockico.png) left center no-repeat; background-size: 1rem; padding-left: 1.5rem; display: block; }
.box .boxshow .s_r .other{ display: block; border-top: #ccc 1px solid; padding-top: 0.5rem; width: 47%; position: absolute; right:2rem; bottom: 2rem; }
.box .boxshow .s_r .other span{font-size: 1rem; line-height: 1.5rem; overflow: hidden; display: block; }

.coursebox .searchbox,.coursebox2 .searchbox{ position: absolute; right: 0; top:1.8rem; height: 3rem; z-index: 2;  }

.searchbox select{ width: 29%;  border: #d7d7d7 1px solid; background: #d7d7d7; color:#000; padding: 0 2%; float: left; display: inline;}
.searchbox input{width: 55%;  background: #fff; border: none; padding: 0 2%;float: left; display: inline; }
.searchbox button.searchbtn{ width: 12%; background:url(../images/searchico.jpg) center no-repeat #fcd116; text-indent: -9999px; overflow: hidden; border: none;float: left; display: inline;}
.coursebox .con{ width: 100%; }
.coursebox .boxshow{ margin-bottom: 2rem;  overflow: hidden;   }
.coursebox .boxshow .s_l .courseimg{ }
.coursebox .boxshow .s_r p{ font-size: 1rem; line-height: 1.5rem; overflow: hidden; margin: 0.5rem 0; }
.coursebox .boxshow .s_r a{width: 100%; height: 3rem; line-height: 3rem; background: #0078d7; text-align: center; color:#fff; display: block;}
.coursebox .boxshow2{margin-bottom: 2rem;  overflow: hidden; }
.coursebox .boxshow2 span.coursetit{ display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; height: 1.5rem; overflow: hidden; }
.coursebox .boxshow2 .courseimg{  width: 100%;  overflow: hidden; margin-top: 0.5rem; text-align: center; position: relative;}
.coursebox .boxshow2 .courseimg2{ background: #6c6fbf; }

.coursebox .boxshow2 .courseimg img{  height: 100%; width: 100%; display: block;}
.coursebox .boxshow2 .courseimg em.comed{ width:38px; height: 38px; position: absolute; right: 0; top:0; background:url(../images/comedico.png)  0 0 no-repeat; }
.coursebox .boxshow2 p{font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; display: block; margin:0.5rem 0;  }
.coursebox .boxshow2 a.start{width: 100%; height: 3rem; line-height: 3rem; background: #0078d7; text-align: center; color:#fff; display: block;}

.courseshow{ position: relative; }
.courseshow .tit{border-bottom: #bbbbbb 1px solid; color:#8b8b8b; font-weight: 200;  }
.courseshow .tips{   background: #008000; }
.courseshow .tips a.close{ position:absolute; right: 0; top:0; width: 3rem; height: 100%;  background:url(../images/close.png) center no-repeat; background-size:auto 40%; text-indent: -999999px; overflow: hidden; }
.courseshow .tips a.livelink{ float: left; display: inline; margin-right: 3rem; color:#fff; padding-left: 1rem; }
.courseshow .con{ width: 100%; }
.courseshow .con .videoshow{ height: 25rem; }
.courseshow .con .videoinfo{background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; position: relative; color:#6f6f6f; }
.courseshow .con .videoinfo .checknav{ padding: 2rem 2rem 0 2rem ; height: 3rem; line-height: 3rem;   display:flex;justify-content:center; }
.courseshow .con .videoinfo .checknav a{font-size: 1rem;flex-grow:1; background: #e3e3e3; margin-right: 1rem; text-align: center;color:#6f6f6f;width: 20%}
.courseshow .con .videoinfo .checknav a:last-child{ margin-right: 0; }
.courseshow .con .videoinfo .checknav a.curr{ background: #0078d7; color:#fff; }
.courseshow .con .checkcon{padding: 2rem ;}
.courseshow .con .videoinfo .s_l{ width: 40%; float: left; display: inline; }
.courseshow .con .videoinfo .s_l img{ width: 100%; display: block; margin-bottom: 0.5rem }
.courseshow .con .videoinfo .s_l p{ font-size: 1rem; line-height: 1.5rem; }
.courseshow .con .videoinfo .s_r{ width: 56%; float: right; display: inline; }
.courseshow .con .videoinfo .s_r span{ font-size: 1.2rem; font-weight: 600; display: block; margin-bottom: 1rem; }
.courseshow .con .videoinfo .s_r p{ font-size: 1rem; line-height: 1.5rem; }
.courseshow .con .chapter p.stips{ height: 2rem; border-bottom: #d3d3d3 1px solid; margin-bottom: 1rem; }
.courseshow .con .chapter ul li{  }
/*.courseshow .con .chapter ul li span{margin-bottom: 1rem; background: #7266ba; display: inline-block; height: 2rem; line-height: 2rem ;padding:0 1rem; color:#fff }
.courseshow .con .chapter ul li ul li{margin-bottom: 1rem; margin-left: 2rem;background: #0073c6;height: 2rem; line-height: 2rem ;padding:0 1rem; color:#fff; }*/

.courseshow .con .test .testline{ border: #cccccc 1px solid;  margin-bottom: 1rem;display: block;  }
.courseshow .con .test .completetest{  background:url(../images/completeico.png) 95% 1rem no-repeat; background-size: auto 3rem;}
.test .testline .testtit{ background:url(../images/testico.png) 1rem center no-repeat; background-size:auto 50%; padding: 1rem 5rem 0.5rem; }
.test .testline .testtit  span{ font-size: 1.2rem; font-weight: 600; display: block; line-height: 1.5rem; }
.test .testline .testtit  em{ font-size: 1rem; display: block; line-height: 2rem; }
.test .testline .jdline{ width: 100%; height: 2rem; line-height: 2rem; background: #e3e3e3; }
.test .testline .jdline span{height: 2rem; line-height: 2rem; background: #7266ba; display: inline-block; color:#fff; text-align: right;}
.test .testline .jdline span em{ margin-right: 1rem; }
.test .completetest .jdline span{background: #008000; }

.downloadline{border: #cccccc 1px solid;  margin-bottom: 1rem;  padding: 1rem 2rem ; display: block; }
.downloadline img{width: auto; height: 2.5rem; float: left; display: inline; margin:0.5rem 1rem 0 0 }
.downloadline .text{background:url(../images/downloadico.png) 98% center no-repeat ;background-size: auto 2.5rem; }
.downloadline  span{ font-size: 1.2rem; font-weight: 600; display: block; line-height: 1.5rem; }
.downloadline  em{ font-size: 1rem; display: block; line-height: 2rem; }

.downloadbox .download{  background: #fff; box-shadow:5px 5px  0px #e2e2e2 ;margin-bottom: 2rem;}
.downloadbox .download a.downloadline{ border: none; margin-bottom: 0; }
.qabox{}
.qabox .boxshow{margin-bottom: 2rem; padding: 2rem 0; position: relative; overflow: hidden; width: 49%; margin-right: 2%; display: flex; justify-content:center; align-items:center; }
.qabox .boxshow .qac{margin:0 2rem 0 8rem;flex-grow:1; display: block; font-size: 1rem; line-height: 1.5rem}
.qabox .boxshow span.time{ position: absolute; right: 1rem; bottom: 1rem; }
.qabox .box_Q{ background:url(../images/q.jpg) 3rem center no-repeat #fff; background-size:3rem auto; }
.qabox .box_A{ background:url(../images/a.jpg) 3rem center no-repeat #fff; background-size:3rem auto; }
#pages{ margin:0 0 2rem ; height:3rem; text-align: center; width: 100%;}
#pages span{ padding: 0 1rem; height:2.5rem; line-height:2.5rem; display: inline-block; border-radius: 3px;}
#pages a{ padding: 0 1rem; height:2.5rem; line-height:2.5rem; vertical-align:top;  display: inline-block;  border-radius: 3px;background:#fff;  color:#a9a9a9; text-align:center;   margin-right:5px;transition:background-color 0.2s ease-out;  }
#pages a#pageactive{ background:#ffd100;color:#fff; }
#pages a:hover{ background:#ffd100; color:#fff;}
#pages a#pageprev { background: url(../images/pageprev2.png) no-repeat #fff center; background-size: auto 50%; }
#pages a#pagenext {background: url(../images/pagenext2.png) no-repeat #fff center;background-size: auto 50%;}
#pages a#pageprev:hover { background: url(../images/pageprev.png) no-repeat #ffd100 center; background-size: auto 50%;}
#pages a#pagenext:hover {background: url(../images/pagenext.png) no-repeat #ffd100 center;background-size: auto 50%;}

.qainputbox{ width: 100%; }
.qainputbox input{ width: 84%; padding: 0 3%; float: left; display: inline; border: 0; height: 3rem; line-height: 3rem; }
.qainputbox button{width: 10%; float: right; display: inline;border: 0;  height: 3rem; line-height: 3rem; background: #fcd116;}

.coursebox2 .boxshow2{margin-bottom: 2rem; height: 15.5rem; overflow: hidden; }
.coursebox2 .boxshow2 span.coursetit{ display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; height: 1.5rem; overflow: hidden; }
.coursebox2 .boxshow2 .courseimg{  width: 100%; height: 6.5rem; overflow: hidden; margin-top: 0.5rem; background: #0078d7; text-align: center;}
.coursebox2 .boxshow2 .courseimg2{ background: #6c6fbf; }

.coursebox2 .boxshow2 .courseimg img{  height: 100%; width: 100%;}
.coursebox2 .boxshow2 p{font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; display: block; margin:0.5rem 0;  }
.coursebox2 .boxshow2 a.start{width: 100%; height: 3rem; line-height: 3rem; background: #0078d7; text-align: center; color:#fff; display: block;}


.livecourseshow{ position: relative; }
.livecourseshow .tit{border-bottom: #bbbbbb 1px solid; color:#8b8b8b; font-weight: 200; }
.livecourseshow .con{ width: 100%; margin-top: 2rem; position: relative; }
.livecourseshow .con .videoshow{  }
.livecourseshow .con .videoinfo{ background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; position: relative; color:#6f6f6f; }
.livecourseshow .con .liveinfo{ padding:2rem;  }
.livecourseshow .con .liveinfo span.coursetit{ display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; height: 1.5rem; overflow: hidden; }
.livecourseshow .con .liveinfo .cl{ border-bottom: #d4d4d4 1px solid ;}
.livecourseshow .con .liveinfo .courseimg{  width: 100%; overflow: hidden; margin-top: 0.5rem;  text-align: center;}
.livecourseshow .con .liveinfo .courseimg img{  height: 100%; width: 100%;}
.livecourseshow .con .liveinfo p{  font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; display: block; margin:1rem 0; padding-bottom: 1rem  }
.livecourseshow .con .liveinfo .txt{ font-size: 1rem; line-height: 1.5rem }

.peinfobox{}
.peinfo{ background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; position: relative; font-size: 1rem }
.peinfo span.userid{ height: 3rem; line-height:3rem; padding-left: 5%; color:#fff ; background: #6c6fbf; display: block; }
.peinfo .formbox{ padding: 2rem 5%; }
.peinfo .formbox p{  display: block; margin-bottom: 1rem; position: relative; }
.peinfo .formbox label{ width: 30%; float: left; display: inline; height: 3rem; line-height:3rem; }
.peinfo .formbox span{ float: left; display: inline;height: 3rem; line-height:3rem; margin-left: 5% }
.peinfo .formbox input{  border: #cfcfcf 1px solid; height: 3rem; line-height:3rem; padding-left: 4%; margin-bottom: 1rem; width: 60%; float: right; display: inline; }
.peinfo .formbox select{ border: #cfcfcf 1px solid; height: 3rem; line-height:3rem;padding-left: 4%; margin-bottom: 1rem; width: 65%;float: right; display: inline; }
.peinfo .formbox button{ border: #0078d7 1px solid; font-size: 1.5rem; background: #0078d7; color:#fff;height: 3rem; line-height:3rem; margin-bottom: 1rem; width:100%; display: block;}
.peinfo .formbox a{ margin-top: 3rem; color:#0078d7; display: block; }


.classbox2 .boxshow{margin-bottom: 2rem;  overflow: hidden; display: block; }
.classbox2 .boxshow span.classtit{ padding-left: 1rem; display: block; font-size: 1.3rem; font-weight: 400; line-height: 3rem; height: 3rem; background: #0078d7; color:#fff; overflow: hidden; }
.classbox2 .boxshow p{font-size: 1rem; line-height: 2rem; padding: 1rem; overflow: hidden; display: block; background:url(../images/classico2.png) 2rem center no-repeat; background-size:auto 50%; padding-left: 7rem;   }
.classbox2 .completeclass span.classtit{ background:url(../images/classcheck.png) 95% center no-repeat #008000; }
.classbox2 .completeclass p{ background:url(../images/classico.png) 2rem center no-repeat;background-size:auto 50%; }


.testshow{ position: relative; }
.testshow .tit{border-bottom: #bbbbbb 1px solid; color:#8b8b8b; font-weight: 200;  }
.testshow .testtit{ font-size: 1.2rem; font-weight: 600; display: block; line-height: 2rem; margin-bottom: 1rem; }
.testshow .testinfo{ line-height: 2rem; }
.testshow .testinfo span{ width: 20rem; height: 1.5rem; background: #cccccc; display: inline-block; vertical-align: bottom; margin-bottom: 0.2rem; display: block;  }
.testshow .testinfo span em{ display: inline-block; background: #008c00; height: 1.5rem; }
.testshow .testtips{background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; padding: 1rem; margin: 1rem 0 2rem;}
.testshow a.returnbtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:url(../images/btnico1.png) 8% center no-repeat #008c00; padding: 0 2rem 0 2rem; float: left; display: inline; color:#fff; }
.testshow a.beginbtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:url(../images/btnico2.png) 92% center no-repeat #0072c6; padding: 0 2rem 0 2rem; float: right; display: inline; color:#fff; }
.testshow .state{ height: 3rem; display: block;   background: #008c00; padding: 0 2%; font-size: 1rem; }
.testshow .state span.clock{ line-height: 3rem; color:#fff; background:url(../images/clock.png)left center no-repeat; background-size: auto 1.5rem; padding-left: 2rem; float: left; display: inline; }
.testshow .state span.rate{ float: right;display: inline;line-height: 3rem; color:#fff; }
.testshow .state .select{ width:11rem; margin: 0 auto; padding-top: 0.5rem; position: relative; z-index: 2;   }
.testshow .state .select .curr{width:10rem; height: 2rem;line-height: 2rem; background:url(../images/selectbg.jpg) 0 0 no-repeat; background-size:100% 100%;border: #ccc 1px solid; padding-left: 1rem;}
.testshow .state .select .curr span.make{ height:1.5rem; width: 1.5rem; display: inline-block;text-indent: -9999999px; overflow: hidden; background:url(../images/makeico.png) center no-repeat;background-size: 1.5rem 1.5rem; margin-top: 0.3rem }
.testshow .state .select .curr span.maked{ background-image: url(../images/makedico.png) ; }
.testshow .state .select .curr span.comed{ height:1.5rem; width: 1.5rem; display: inline-block;text-indent: -9999999px; overflow: hidden; background:url(../images/checked.png) center no-repeat;background-size: 1.5rem 1.5rem;  margin-top: 0.3rem }
.testshow .state .select .curr span.no{ vertical-align: top; margin-right: 1rem }


.testshow .state .select ul{width:11rem; background: #fff; border: #ccc 1px solid ; border-top:none; z-index:9; display: none; }
.testshow .state .select ul li{ line-height: 2rem; border-bottom: #ccc 1px solid; padding-left: 1rem;}

.testshow .testlist{ padding: 2rem 2rem 2rem 4rem;border-bottom: #bbbbbb 1px solid; margin-bottom: 4rem; }
.testshow .testlist .testtit{ padding-left: 2rem; font-size: 1.2rem; line-height: 2rem; margin-bottom: 0.5rem; font-weight:600; display: block; }
.testshow .testlist ol li{ line-height: 2rem; font-size: 1rem;padding-left: 2rem; cursor: pointer; background:url(../images/testcheck.png) left 0.5rem no-repeat;  background-size: 1rem; }

.testshow .testlist ol li.checked{ background:url(../images/testchecked.png) left 0.5rem no-repeat;  background-size: 1rem; }


.testshow .btns{ text-align: center; margin-bottom: 2rem; }
.testshow a.prevbtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:url(../images/btnico1.png) 8% center no-repeat #0072c6; padding: 0 2rem 0 2rem; float: left; display: inline; color:#fff; }
.testshow a.nextbtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:url(../images/btnico2.png) 92% center no-repeat #0072c6; padding: 0 2rem 0 2rem; float: right; display: inline; color:#fff; }
.testshow .assign{ margin: 1rem 0; display:block; text-align: left; }

.testshow a.assignbtn{font-size: 1.5rem; height: 3rem; line-height: 2.8rem;vertical-align: top;  background: #008c00; padding: 0 2rem 0 2rem;  display: inline-block; color:#fff;}
.testshow a.make{ height:3rem; width: 3rem;vertical-align: top;  display: inline-block;text-indent: -9999999px; overflow: hidden; background:url(../images/makeico.png) center no-repeat;background-size: 2rem 2rem; }
.testshow a.maked{ background-image: url(../images/makedico.png) ; }

.testshow .resulttit{ background: url(../images/checked.png) left 1.5rem no-repeat; background-size: auto 1.5rem; padding-left: 2.5rem !important; }
.testshow .resulttit span{ color:#1d6fc2; }
.testshow .resulttab{ height: 3rem; line-height: 3rem; display: block; margin-bottom: 1rem;  background: #e7e7e7; padding: 0 2%; font-size: 1rem; }
.testshow .resulttab em{ float: right; display: inline; }
.testshow p.tips{color:#1d6fc2; font-size: 1rem; padding-left: 2rem; margin-top: 1rem; display: block;}
.testshow .resultlist .rcon{ background: #fff; box-shadow:5px 5px  0px #e2e2e2 ; display: none;}
.testshow .rtit{ margin-top: 1rem; line-height: 2rem;display: block; font-size: 1rem; margin-bottom: 1rem; }
.testshow .rtit span.resstate{height:3rem; width: 3rem; float: right; display: inline;text-indent: -9999999px; overflow: hidden; background-size: 2rem 2rem; margin-left: 1rem;}
.testshow .rtit span.resstate.wrong{background:url(../images/wrong.png) center no-repeat;}
.testshow .rtit span.resstate.right{background:url(../images/right.png) center no-repeat;}
.testshow .resultlist .testlist{ margin-bottom: 0; border-bottom: none; }
.testshow .resultlist .testlist ol li{cursor: default;  }

.testshow a.finishbtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background: #0072c6; padding: 0 5rem 0 5rem; float: left; display: inline; color:#fff; }
.testshow a.savebtn{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background: #0072c6; padding: 0 2rem 0 2rem; float: right; display: inline; color:#fff; }
.testshow .btnst{ margin-top: 4rem; }

.surveybox .boxshow{background: #ffffff; box-shadow:5px 5px  0px #e2e2e2 ; position: relative; padding:2rem 2rem 2rem 0rem; margin-bottom: 2rem;  }
.surveybox .boxshow .surveyc{  background-size: 3rem auto;  padding-left:6rem ; }
.surveybox .boxshow p{ font-size: 1.2rem; font-weight:600; display: block; margin-bottom: 1rem; }
.surveybox .boxshow span{ font-size: 1rem; }
.surveybox  .surveycom{ background:url(../images/checkico.png) 1rem 1rem  no-repeat #fff; background-size: 1rem; }
.surveybox  .surveycom .surveyc{background:url(../images/icons/bf_icon_13.png) 2rem center no-repeat;}
.surveybox  .surveyend{ background:url(../images/endico.png) 1rem 1rem  no-repeat #fff; background-size: 1rem; }
.surveybox  .surveyend .surveyc{background:url(../images/icons/bf_icon_16.png) 2rem center no-repeat;}
.surveybox  .surveying .surveyc{background:url(../images/icons/bf_icon_10.png) 2rem center no-repeat; }

.surveyshow{ text-align: center; }
.surveyshow .con{ margin-bottom:2rem; text-align: left  }
.surveyshow .surveytit{ text-align: left ;padding:1rem 2rem 2rem 6rem; border-bottom: #bbbbbb 1px solid;background-size: 3rem auto; }
.surveyshow .surveytit p{ font-size: 1.2rem; font-weight:600; display: block; margin-bottom: 1rem; }
.surveyshow .surveytit span{ font-size: 1rem; }
.surveyshowing .surveytit{background:url(../images/icons/bf_icon_10.png) 2rem center no-repeat;}
.surveyshowcom .surveytit{background:url(../images/surveycom.png) 2rem center no-repeat;}
.surveyshowend .surveytit{background:url(../images/surveyend.png) 2rem center no-repeat;}

.surveyshow .surveylist{border-bottom: #bbbbbb 1px solid;padding:2rem 2rem 2rem 4rem; }
.surveyshow .surveylist .tit{ padding-left: 2rem; font-size: 1.2rem; line-height: 2rem; margin-bottom: 0.5rem; font-weight:600; display: block; }
.surveyshow .surveylist ol li{ line-height: 2rem; font-size: 1rem;padding-left: 2rem;    background: url(../images/testcheck.png) left 0.5rem no-repeat; background-size: 1rem }
/*.surveyshow .surveyshow ol li.checked{ background:url(../images/checkico.png) left 0.5rem no-repeat;  background-size: 1rem; color:#008c00; font-weight: 600}*/
.surveyshow .surveylist ol li.checked{background: url(../images/testchecked.png) left 0.5rem no-repeat;background-size: 1rem;}
.surveyshow .surveylist ol.checkbox li {background-image: url(../images/testcheckbox.png);}
.surveyshow .surveylist ol.checkbox li.checked{background-image:url(../images/testcheckboxed.png)}
.surveyshowTit{font-size: 1.5rem; padding: 0 0 1rem 0;line-height: 4rem;border-bottom: #bbbbbb 1px solid;  color: #8b8b8b;  font-weight: 200;}

.surveyshow a.submit{ font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:url(../images/btnico2.png) 92% center no-repeat #008c00; padding: 0 2rem 0 2rem;  display:inline-block;  color:#fff; }
.surveyshowing .surveylist ol li{ cursor: pointer }
.surveyshow .surveylist ol li label{ width: 20rem; display: inline-block; }
.surveyshow .surveylist ol li span{ display: inline-block; width: 30rem; height: 1.5rem; vertical-align: bottom; margin-left: 1rem }
.surveyshow .surveylist ol li span em{ background: #ababab;height: 1.5rem; display: inline-block; }
.surveyshow .surveylist ol li.checked em{background: #008c00;}


/* ä¿®æ¹ 2017/11/14 */
.tr_flag{position: absolute;display: none;width: 51px;height: 51px;top: 0;right: 0;z-index: 2;background: url(../images/cq_checkico.png) no-repeat;}
.boxshow.on .tr_flag, .boxshow2.on .tr_flag{display: block;}

.coursebox3 .boxshow2{height: auto;position: relative;float: left;margin-bottom: 2rem;}
.coursebox3 .boxshow2 .courseimg{position: relative;margin: 0; height: 0;padding-bottom: 56.25%;}
.coursebox3 .boxshow2 .courseimg img{position: absolute;width: 100%; height: 100%; margin: 0;top: 0;left: 0;}
.coursebox3 .boxshow2 .txts{padding: 1em 1.5em;line-height: 20px;}
.coursebox3 .boxshow2 .txts p{font-size: 14px;color: #000;height: auto;margin: 0 0 5px;}
.coursebox3 .boxshow2 .txts span{font-size: 12px;color: #585858;}
.coursebox3 .boxshow .s_l{position: relative;padding: 0;}
.coursebox3 .boxshow .s_l a{margin: 0;}
.coursebox3 .boxshow .s_l .courseimg{position: relative;margin: 0; height: 0;padding-bottom: 56.25%;}
.coursebox3 .boxshow .s_l .courseimg img{position: absolute;width: 100%; height: 100%; margin: 0;top: 0;left: 0;}
.coursebox3 .boxshow .txts{padding: 1em 1.5em;line-height: 20px;text-align: left;}
.coursebox3 .boxshow .txts p{font-size: 14px;color: #000;height: auto;margin: 0 0 5px;}
.coursebox3 .boxshow .txts span{font-size: 12px;color: #585858;}
.coursebox3 .minh{min-height: 28.3rem;}

/* class.html */
.total .box .headTit{width: 100%;height: 4rem;}
.total .box .headTit .tit{border: none;float: left;}
.total .box .headTit .nub_flag{float: left;width: 1.75rem;height: 1.75rem;line-height: 1.7rem;margin: 1.2rem 0 0 1rem;border-radius: 100%;background-color: #989898;color: #fff;font-size: 1.6rem;text-align: center;}
.total .box .headTit .times{float: left;line-height: 1.2rem; margin-left: 2.2rem;margin-top: 0.8rem;color: #151515;font-size: 12px;}
/* newsdetail */
.newsdetail{position: relative;width: 100%;min-height: 29rem;}
.newsdetail .box .tit{line-height: 2.6rem;padding: 0.7rem 0;}
.newsdetail .newTitle{position: absolute;width: 28%;top: 1rem;right: 0;}
.newsdetail .newTitle li{min-height: 2.4rem;padding: 1.2em;padding-left: 6rem;margin-bottom: 1rem;background: #fff url(../images/newstitico.png) no-repeat 1.2rem 1.2rem;background-size: 3rem auto;}
.newsdetail .newTitle a{line-height: 1.18rem;}
.newsdetail .ndetail{width: 69%;}
.newsdetail .ndetail .con{margin-top: 2rem;padding-top: 0;}
.newsdetail .ndetail .chunk{width: 100%;line-height: 20px;font-size: 14px;color: #151515;margin-bottom: 1.25rem;}
.newsdetail .ndetail .chunk.info{font-size: 12px;}
/* test2.html */
.testshow .testlist ol.checkbox li{background-image: url(../images/testcheckbox.png);}
.testshow .testlist ol.checkbox li.checked{background-image: url(../images/testcheckboxed.png);}
/* test3.html */
.qsinfo{padding: 0 1rem 2rem 2.5rem;border-bottom: #bbbbbb 1px solid;color: #686868;font-size: 14px;}
.qsinfo p{min-height: 46px;padding-left: 70px;line-height: 23px;background: url(../images/surveyend.png) no-repeat left center;}
.testshow a.submitbtn{font-size: 1.5rem; height: 3rem; line-height: 2.8rem; background:#008c00; padding: 0 4rem 0 4rem; float: left; display: inline; color:#fff;}

.downloadbox .con{min-height: 22.5rem;}
.downloadline .text{position: relative;}
.downloadline .text .ic{display: block;position: absolute;width: 61px;height: 61px;background: url(../images/bf_icons.png) no-repeat;top: 0;right: 0;z-index: 2;}
.downloadline .text .ic.dl{background-position: 0 -122px;}

.total .classbox{margin-bottom: 0;}
.total .classbox .boxshow{margin-bottom: 2rem;}


@media screen and (min-width:0) {
	.livebox .tit{ padding: 0 2rem 0 2rem; }
	.livebox .con{  margin:0 2rem 0 12rem; }
	.classbox .con{ width: 100%;}
	.classbox .boxshow:first-child{ margin-bottom: 2rem;  }
	.livebox .con em.time{  display: none; }
	.box .boxshow .s_r ul li{ line-height: 1.5rem; display:block; }
	.coursebox .searchbox,.coursebox2 .searchbox{ position: relative; right: 0; top:0; margin-top: 1rem; height: 3rem; z-index: 2; width: 100%; }
	.searchbox select,.searchbox input,.searchbox button.searchbtn{ height: 4rem; line-height:4rem; }
	.coursebox .boxshow{width: 100%;  }
	.coursebox .boxshow2{width: 45%; padding: 2rem 2%; float: left; display: inline;  }
	.coursebox .boxshow2:nth-child(even){ margin-right: 2%  }
	.pagetop  .normallanguage{ display: none; }
	.pagetop  .mobilelanguage{ display: block; float: none ; background-position: 1rem 1.5rem;}
	.pagetop .mobilelanguage span.lanname{ padding-left: 1.5rem; height: 4rem; line-height: 4rem; text-align: left; }
	.pagetop .mobilelanguage .languagelist{ padding-top: 0; display: block; }
	.pagetop .user span.name{ background:url(../images/navico.png) center no-repeat; background-size: auto 60%; text-indent: -99999px; overflow: hidden; width: 4rem; }


	.pagetop .user .userinfo .mobilenav{ display: block; }
	.total .mainnav{ display: none }
	.pagetop{ position: fixed; top:0; z-index: 3; width: 100% }
	.pagetop .user .userinfo{ position: fixed; width: 49% ; height: 100%;}
	.pagetop img.logo{ float: none }
	.pagetop .user .userinfo .mobilenav a{  line-height: 3rem; }
	.pagetop .user .userinfo .userlink a{ text-align: left; padding-left: 1rem;  line-height: 3rem; }
	.pagecon{ margin-top: 4rem; }
	.topwidth{width:100%;}

	.courseshow .tit{ padding:2rem 1rem; font-size: 3rem ; margin-bottom: 2rem; }
	.courseshow .tips{ position: relative; width: 96%; display: block; line-height: 2rem; padding:1rem 2%; }
	.courseshow .con .videoshow{ width: 100%; }
	.courseshow .con .videoinfo{ width: 100%; }

	.courseshow .con .videoinfo .s_l{ width: 100%; border-bottom: #a8a8a8 1px solid; padding-bottom: 1rem; margin-bottom: 1rem;}
	.courseshow .con .videoinfo .s_l img{ width: 40%; display: block; margin-bottom: 0.5rem;float: left; display: inline;  }
	.courseshow .con .videoinfo .s_l p{width: 56%;  float: right; display: inline; }
	.courseshow .con .videoinfo .s_r{ width: 100%;  }
	.courseshow .con .videoinfo .s_r span{ font-size: 1.2rem; font-weight: 600; display: block; margin-bottom: 1rem; }
	.courseshow .con .videoinfo .s_r p{ font-size: 1rem; line-height: 1.5rem; }

	.qabox .boxshow{ width: 100%; margin-right: 0%; height: auto;  }

	.coursebox2 .boxshow2{width: 45%; padding: 2rem 2%; float: left; display: inline;  }
	.coursebox2 .boxshow2:nth-child(odd){ margin-right: 2%  }
	.livecourseshow .con .liveinfo .cl{ padding-bottom: 1rem; margin-bottom: 1rem }
	.livecourseshow .con .liveinfo .courseimg{  width: 40%; float: left; display: inline;   text-align: center;}
	.livecourseshow .con .liveinfo .courseimg img{  height: auto; width: 100%;}
	.livecourseshow .con .liveinfo p{   width: 55%;font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; float: right; }

	.peinfo{ width: 100% }
	.classbox2 .boxshow{width: 100%;   }

	.testshow .tit{ padding:2rem 0rem; font-size: 2rem ; margin-bottom: 2rem; }
	.testshow .testtit span{ display: block; }
	.surveyshow a.submit{ margin: 2rem auto; }

	/* ä¿®æ¹ 2017/11/14 */
	.coursebox3 .boxshow2{width: 48%;padding: 0;}
	.coursebox3 .boxshow2:nth-child(odd){margin-right: 4%;}

	@media screen and (min-width:640px) {

	}

	@media screen and (min-width:768px) {
		.livebox .con em.time{  display: inline; }
		.pagetop .user .userinfo .mobilenav{ display: none; }
		.pagetop .user span.name{background:url(../images/jt.jpg) right center no-repeat; padding-right: 2rem; color:#fff; text-indent: 0  }
		.pagetop .normallanguage span.lanname{ width: 4rem; background:url(../images/jt.jpg) right center no-repeat; padding-right: 2rem; color:#fff; text-indent: 0  }
		.total .mainnav{ display: block }
		.pagetop  .normallanguage{ display:inline;  width: 4rem; padding-left: 0.5rem; margin-right: 6rem;}
		.pagetop  .mobilelanguage{ display: none; }
		.pagetop .normallanguage .languagelist{ width: 7rem; position: absolute; }
		.pagetop .user .userinfo{ width: 8rem; height: auto;  position: absolute;  display: none}
		.pagetop .user .userinfo .mobilenav a{  line-height: 2rem; }
		.pagetop{ position: relative; top:0; }
		.pagetop .user .userinfo .userlink a{ text-align: center; padding-left: 0;}
		.pagecon{ margin-top: 0; }
		.pagetop img.logo{ float: left; display: inline;  }
		.courseshow .con .videoinfo .s_l p{ font-size: 1rem; line-height: 1.5rem; }
		.courseshow .con .videoinfo .s_r p{ font-size: 1rem; line-height: 1.5rem; }
		.coursebox .boxshow .s_r p{ max-height:7.5rem;  }
		.livecourseshow .con .liveinfo .courseimg{  width: 100%; float: none; display: block;   text-align: center;}
		.livecourseshow .con .liveinfo .courseimg img{  height: auto; width: 100%;}
		.livecourseshow .con .liveinfo p{   width: 100%;font-size: 1rem; line-height: 1.5rem; height: 3rem; overflow: hidden; float: none; display: block; }

		.peinfo{width:30rem;}
		.classbox2 .boxshow{width: 49%; float: left; display: inline;  }
		.classbox2 .boxshow:nth-child(odd){ margin-right: 2%  }
		.testshow .assign{ height: 3rem; display: inline-block; margin: 0 auto; vertical-align: top;  }
	}
	@media screen and (max-width:768px) {
		/* ä¿®æ¹ 2017/11/14 */
		/* newsdetail.html */
		.newsdetail{width: 90%;margin: 0 auto;}
		.newsdetail .newTitle{position: static;width: 100%;margin-top: 2rem;}
		.newsdetail .ndetail{width: 100%;}
		.newsdetail .ndetail .con{padding: 0 1rem;}
		.newsdetail .newTitle li{margin-bottom: 0;border-bottom: 1px solid #bbb;}
	}
	@media screen and (min-width:1000px) {
		.livebox .tit{ padding: 0 5rem 0 2rem; }
		.livebox .con{  margin:0 2rem 0 15rem; }
		.classbox .con{ width: 100%; }
		.classbox .boxshow{width: 49%; float: left; display: inline; }
		.classbox .boxshow:first-child{margin-right: 2%; margin-bottom: 0;}
		.box .boxshow .s_r ul li{ line-height: 1.5rem; display:block; }
		.coursebox .searchbox,.coursebox2 .searchbox{ position: absolute; right: 0; top:1.8rem; margin-top: 0; height: 3rem; z-index: 1;width:25rem;  }
		.searchbox select,.searchbox input,.searchbox button.searchbtn{ height: 2rem; line-height: 2rem; }
		.coursebox .boxshow{width: 49%; margin-right: 2% ; float: left; display: inline;  }
		.coursebox .boxshow2{width: 19.5%;margin-right: 2% ; float: left; display: inline;    }
		.coursebox .boxshow2:nth-child(3){margin-right:0 }
		.coursebox .boxshow2:nth-child(7){margin-right:0 }
		.coursebox .boxshow2:nth-child(11){margin-right:0 }
		.coursebox .boxshow2:nth-child(15){margin-right:0 }

		.topwidth{width:90%;max-width:1600px;  margin: 0 auto;}
		.courseshow .tit{ font-size: 1.5rem; padding:0 0 1rem 0; line-height: 4rem;   }
		.courseshow .tips{ width: auto; padding: 0; line-height: 2rem; position: absolute; right: 0; top:1rem; }
		.courseshow .con .videoshow{ width: 49%; margin-right: 2%; float: left; display: inline; }
		.courseshow .con .videoinfo{ width: 49%; float: right; display: inline;  }
		.courseshow .con .videoinfo .s_l{ width: 40%; float: left; display: inline; border-bottom:none; padding-bottom: 0; margin-bottom: 0}
		.courseshow .con .videoinfo .s_l img{ width: 100%; display: block; margin-bottom: 0.5rem }
		.courseshow .con .videoinfo .s_l p{ font-size: 1rem; line-height: 1.5rem; float: none; }
		.courseshow .con .videoinfo .s_r{ width: 56%; float: right; display: inline; }
		.courseshow .con .videoinfo .s_r span{ font-size: 1.2rem; font-weight: 600; display: block; margin-bottom: 1rem; }
		.courseshow .con .videoinfo .s_r p{ font-size: 1rem; line-height: 1.5rem; }

		.qabox .boxshow{ width: 49%; margin-right: 2%; float: left; height: 9rem;  }
		.qabox .boxshow:nth-child(even){margin-right: 0; }

		.coursebox2 .boxshow2{width: 19.5%;margin-right: 2% ; float: left; display: inline;    }
		.coursebox2 .boxshow2:nth-child(4n){margin-right:0 }

		.downloadbox .download{ width: 49%; float: left; display: inline; margin-right: 2% }
		.downloadbox .download:nth-child(even){margin-right: 0; }
		.livecourseshow .con .videoshow{ height: 100%; width: 70%; position: absolute; left: 0; top: 0; }
		.livecourseshow .con .videoinfo{width: 28%;float: right; display: inline; }
		.livecourseshow .tit{ font-weight: 200; font-size: 2.2rem; line-height: 4rem; padding: 0  }

		.testshow .tit{ font-size: 1.5rem; padding:0 0 1rem 0; line-height: 4rem;   }

		/* ä¿®æ¹ 2017/11/14 */
		.coursebox3 .boxshow2{width: 18.4%;margin-right: 2% ; float: left; padding: 0; display: inline;    }
		.coursebox3 .boxshow2:nth-child(odd){margin-right: 2% ;}
		.coursebox3 .boxshow2:nth-child(4n){margin-right: 2% }
		.coursebox3 .boxshow2:nth-child(5n){margin-right:0 }
	}
	@media screen and (min-width:1200px) {
		.box .boxshow .s_r  span.coursetit{ font-size: 1.5rem; font-weight: 600; }


	}
	@media screen and (min-width:1400px) {
		.box .boxshow .s_r ul li{ line-height: 2rem; display:block; }
		.classbox2 .boxshow{width: 23.5%;margin-right: 2% ; float: left; display: inline;   }
		.classbox2 .boxshow:nth-child(4){margin-right:0 }
		.classbox2 .boxshow:nth-child(8){margin-right:0 }
		.classbox2 .boxshow:nth-child(12){margin-right:0 }
		.classbox2 .boxshow:nth-child(16){margin-right:0 }
	}




	/*
    .mainwidth{width:100%;max-width:1000px;min-width:320px; margin: 0 auto;}
    .total{ width:100%; }
    .nav{ background:#003333; height:117px; display:block; background:url(../images/mainnavbg.jpg) 0 0 repeat-x; position:relative; z-index:2;}
    .nav a{ color:#fff;}
    .nav a:hover{ color:#fff; text-decoration:none}
    .nav .mainwidth{ position:relative; z-index:3}
    .nav .mainwidth a.logo{ width:123px; height:161px; display:block; background:url(../images/logo.jpg) 0 0 no-repeat; position:absolute; left:20px; top:0; text-indent:-99999px; overflow:hidden; z-index:3; box-shadow: 0 3px 3px #333 ;}
    .pc_topnav{ font-size:12px; text-align:right; height:34px; line-height:34px; display:block; color:#00a990; padding:0 20px;}
    .pc_topnav a{color:#00a990; }
    .pc_mainnav{ height:74px; font-size:18px; line-height:74px; padding:0 20px;}
    .pc_mainnav ul.nav_1{ float:right; display:inline; margin-right:45px;}
    .pc_mainnav ul.nav_1 li{ float:left; display: inline;}
    .pc_mainnav  a{display:block; padding:0 25px;}

    a.project:hover,a.project.curr{ background:#016e01}
    a.news:hover,a.news.curr{ background:#015a57}
    a.about:hover,a.about.curr{ background:#7a6e1e}

    .nav .nav_2{ width:100%; height:43px; line-height:43px; position:absolute; left:0; bottom:-34px; text-align:center; font-size:14px;}
    .nav_2 li{ display:inline; text-align:center; margin-right:20px;}

    .project_nav{ background:#016e01}
    .project_nav a{ color:#33cc66; height:100%; display:inline-block}
    .project_nav a:hover,.project_nav a.curr{ color:#fff; background:url(../images/projectnav_curr.jpg) bottom center no-repeat}

    .news_nav{ background:#015a57}
    .news_nav ul{ text-align:right; padding-right:200px;}
    .news_nav a{ color:#00aa90; height:100%; display:inline-block}
    .news_nav a:hover,.news_nav a.curr{ color:#fff; background:url(../images/newsnav_curr.jpg) bottom center no-repeat}

    .about_nav{ background:#7a6e1e; }
    .about_nav ul{text-align:right; padding-right:55px;}
    .about_nav a{ color:#ebda6a; height:100%; display:inline-block}
    .about_nav a:hover,.about_nav a.curr{ color:#fff; background:url(../images/aboutnav_curr.jpg) bottom center no-repeat}

    .banner{ width:100%; display:block; position:relative; overflow:hidden}
    .banner .img{ width:2558px; display:block; position:absolute; left:50%; margin-left:-1279px; top:0;}
    .banner .mobile_img{ display:none}


    .index_banner{ height:484px;}
    .index_banner .img{ height:484px;background:url(../images/indexbanner.jpg) 0 0 no-repeat}

    .main h2{ font-size:1.7em; color:#009900; margin-bottom:2em;}
    .text{line-height:1.7em; font-size:1em;}
    .text p{ line-height:1.7em; font-size:1em; text-indent:2em;}
    .text p.instit{ color:#009900}
    .site_info{ padding:4em 22px; border-bottom:#dcdddd 1px solid;}


    .titbox{ padding:4em 22px; border-bottom:#dcdddd 1px solid;}
    .titbox img{ margin-bottom:30px; display: block;}
    .titbox h3{ color:#f39700; margin: 10px 0; font-size: 16px;}
    .titbox p{ line-height: 28px; text-indent: 2em; font-size: 16px;}
    .greentxt{color:#009900}
    .yellowtxt{color:#f39700}
    .titbox p.link_a{ color:#009900; font-size:1.3em; line-height:2em;}

    .main_box{ padding:4em 22px; border-bottom:#dcdddd 1px solid;}
    .main_box .img{ float:left; display:inline; width:41.6%;}
    .main_box .img img{ width:100%;}
    .main_box dl{ width:51%; float:right; display:inline; position:relative}
    .main_box dl h2{ margin-bottom:30px;}
    .main_box dl .text p{ font-size:16px; line-height:28px;}
    .main_box dl a{ position:absolute; left:0; top:246px;font-size:16px;}

    .contact_box{ padding:4em 20px;  color:#009900}
    .contact_box li{ line-height:1.8em; margin-bottom:1em; font-size:1.4em;}
    .contact_box li em{ color:#f39700}

    .tousu{ padding:1em; background:#dcdcdc; display:inline-block; border-radius:0.5em; box-shadow:0px 0px 6px 0px #8a8989 inset;}
    .contact_box p{line-height:1.8em; margin-bottom:0.3em; font-size:1.4em; color:#ff0000}
    .contact_box p a{ color:#ff0000}
    .footer{ background:#003333}
    .main_links{ width:100%; display:block; background:#044646; padding:42px 0; line-height:1.7em;color:#0cbcbc; font-size:1.7em; }
    .main_links a{ padding:0 24px ; color:#0cbcbc; border-right:#0cbcbc 2px solid; }
    .main_links a.a_last{ border:none;}
    .main_links a.abg{ background:#003333; display:inline-block; border-radius:0.3em; box-shadow:0px 0px 6px 0px #002727 inset;border:none; color:#996c33; padding:0 2em;}
    .main_links a:hover{ color:#fff; text-decoration:none}
    .copy_right{ padding:2.2em 0; color:#027474;}
    .copy_right img{ width:286px; float:left; display:inline; margin-left:22px;}
    .copy_right .text{ padding-top:23px; float:right; display:inline; margin-right:22px; }
    .copy_right .text p{ text-indent:0;}
    .copy_right a{color:#996c33;}
    .copy_right a:hover{color:#fff; text-decoration:none}
    .copy_right .cl p{ display:inline}
    .copy_right .cl p a{ margin-right:15px;}
    */

	/*******pc_menu*********
    .pc_menu{ background:#76bd22; width:100%; display:block;font-family:arial,Tahoma,å¾®è½¯éé»; display:none }
    .pc_menu .mainwidth{ position:relative;padding:100px 0;}
    .pc_menu a.close{ width:45px; height:25px; display:block; text-align:center; position:absolute; right:0; top:0; color:#ffff99}
    .pc_menu a.close img{ width:90%; margin: 0 auto}
    .pc_menu a.close:hover{ text-decoration:none}
    .pc_menu .menu_width{ width:940px; margin: 0 auto; overflow-x:auto;}
    .pc_menu ul{ width:234px; height:200px; float:left; display:inline; border-right:#9bcb3a 1px solid;}
    .pc_menu ul h3{ font-size:24px; line-height:40px; display:block; font-weight:normal; margin-bottom:15px;}
    .pc_menu ul h3 a{ color:#fff; padding-left:25px; display:block;}
    .pc_menu ul h3 a:hover{background:#6aad1b; text-decoration:none}
    .pc_menu ul li{ height:30px; font-size:18px; display:block}
    .pc_menu ul li a{ color:#ffff99; display:block; line-height:2em; padding:0 25px;}
    .pc_menu ul li a:hover{ background:#6aad1b; text-decoration:none}
    /*******mobile_nav*********
    .mobile_nav{ width:100%; height:5.8em; background:url(../images/navbg_mobile.jpg) repeat-x; background-size:auto 100%; position:fixed; left:0; top:0; display:none; z-index:9}
    .mobile_nav  a.logo{ height:100%; margin-left:20px; float:left; display:inline}
    .mobile_nav  a.logo img{ height:100%; box-shadow: 0 3px 3px #333 ;}
    .mobile_nav a.navbtn{ height:3.5em; float:right; display:inline; margin-right:20px; margin-top:1.3em}
    .mobile_nav a.navbtn img{ height:100%}

    .navshow{ position:fixed; right:-100%; top:0; width:100%;max-width:400px; height:100%; z-index:10;font-family:arial,Tahoma,å¾®è½¯éé»; background: url(../images/mobile_nav_bg.jpg) right 6.5em no-repeat #76bd22; background-size:50%;}
    .top_link{ width:100%;background:#009900; height:6.5em; border-bottom:#9bcb3a 1px solid; position:absolute; left:0; top:0;}
    .top_link li{ width:33%;display: inline; float:left; height:100%}
    .top_link li a{ width:100%; display:block; text-align:center; padding-top:1em;}
    .top_link li a img{ height:3em; display:block; margin:0 auto 0.5em; }
    .top_link li a span{ display:block; text-align:center; color:#ffff99}
    .top_link li a:hover{ text-decoration:none}
    li.contact_link,li.hr_link{ border-right:#9bcb3a 1px solid;}

    .main_nav{ width:100%; margin-top:6.5em; height:100%;overflow-y:auto; }
    .main_nav ul{ padding:2em 0; border-bottom:#9bcb3a 1px solid;}
    .main_nav ul h3{ font-size:1.5em; line-height:2em; display:block;}
    .main_nav ul h3 a{ color:#fff; padding-left:2em; display:block;}
    .main_nav ul h3 a:hover{background:#6aad1b; text-decoration:none}
    .main_nav ul li{ height:2em; font-size:1.2em; display:block}
    .main_nav ul li a{ color:#ffff99; display:block; line-height:2em; text-indent:1em; padding:0 2em;}
    .main_nav ul li a:hover{ background:#6aad1b; text-decoration:none}

    /********join us ***********
    .joinus_banner{ height:334px;}
    .joinus_banner .img{ height:334px;background:url(../images/joinusbanner.jpg) 0 0 no-repeat}

    .center_box{ padding:1.8em 22px 4em 22px;}
    p.position{ margin-bottom:3em;color:#7d7d7d; font-size:14px;}
    p.position a{ color:#7d7d7d; font-size:14px;}
    .center_box h2{ margin-bottom:2em;}
    .hrlist .check_nav{ height:4em; display:block; background:#009900}
    .hrlist .check_nav li{ width:150px; float:left; display:inline; line-height:4em;}

    .hrlist .check_nav li a{ width:100%; display:block; color:#fff; font-size:1.3em; text-align:center;}
    .hrlist .check_nav li a:hover{ text-decoration:none}
    .hrlist .check_nav li a.curr{  background: url(../images/currbg.jpg) center no-repeat; background-size:100% 100%; border-top:#f39700 8px solid; color:#009900;  position: relative; top:-8px;}

    .checkcon{ clear:both; border-bottom:#009900 7px solid; font-weight:bold}
    .checkcon li{ border-bottom:#009900 1px solid; line-height:3.5em;}
    .hrlist .checkcon li.jointit{ color:#f39700}
    .checkcon li a{ display:block; color:#7d7d7d}
    .checkcon li a:hover{ display:block; background:#def5de; color:#009900}
    .checkcon li span{ display: inline-block; padding-left:5%;}
    .checkcon li span.hr_name{ width:40%;}
    .checkcon li span.hr_po{ width:25%;}
    .checkcon li span.hr_time{ width:20%;}

    .center_box .contact_box{ padding:4em 0 0;}

    .hr_detail{ font-weight:bold}
    .hr_detail h3{ height:2.67em; display:block; line-height:2.7em; padding-left:1.8em; background:#009900; font-size:1.5em; color:#fff;}
    .tit{padding:0 40px;}
    .tit li{ display:inline-block; width:290px; line-height:35px;}
    .hr_text{ padding:30px 0; font-size:18px;}
    .hr_text p{ line-height:35px;}
    .work_con,.work_skill{ padding:30px 40px;}
    .work_con{ border-bottom:#009900 1px solid;}
    .work_skill{ border-bottom:#009900 8px solid;}


    /********cooperation ***********
    .cooperation_banner{ height:334px;}
    .cooperation_banner .img{ height:334px;background:url(../images/cooperationbanner.jpg) 0 0 no-repeat}

    .cooperationlist .check_nav{ height:70px; display:block; background:#009900}
    .cooperationlist .check_nav li{ width:245px; float:left; display:inline; line-height:70px;}
    .cooperationlist .check_nav li a{ width:100%; display:block; color:#fff; font-size:24px; text-align:center;}
    .cooperationlist .check_nav li a:hover{ text-decoration:none}
    .cooperationlist .check_nav li a.curr{ background: url(../images/currbg.jpg) center no-repeat; background-size:100% 100%; border-top:#f39700 8px solid; color:#009900; position: relative; top:-8px;}

    .cooperationlist .checkcon { width:100%;}
    .cooperationlist .checkcon table{border-bottom:#009900 7px solid; font-weight:bold; color:#f39700}
    .cooperationlist .checkcon table tr{ border-bottom:#009900 1px solid; line-height:67px;}
    .cooperationlist .checkcon table th{ color:#009900; font-weight:bold}
    .cooperationlist .checkcon table td{ font-weight:normal}
    .cooperationlist .checkcon table td.p_name{color:#009900}

    .cooperationh_mobile{ display:none}
    .check_tit_m{ font-size:1.6em; height:2em; display:block; background:#009900; line-height:2em; color:#fff; margin-bottom:5px; display:none}
    .check_tit_m a{ display:block; width:90%; padding-left:10%; background:url(../images/orange_l_j.png) 5% center no-repeat; background-size:auto 40%; color:#fff; position:relative}
    .check_tit_m a:hover{ text-decoration:none}
    .check_tit_m a.curr{background:url(../images/orange_h_j.png) 5% center no-repeat; background-size:auto 38%;}
    .check_tit_m a.curr span{ width:100%; height:15px; display:block; background:url(../images/spancurr.png) bottom center no-repeat;background-size:auto 100%; position:absolute; left:0; top:2em;  }

    .check_con_m{ display:none}
    .check_sub_m{background:#b2e0b2; display:block;font-size:1.2em; height:2em; line-height:2em; color:#009900;margin-bottom:5px;}
    .check_sub_m a{display:block; width:80%; padding-left:15%; background:url(../images/white_l_j.png) 5% center no-repeat; background-size:auto 40%; color:#009900; position:relative}
    .check_sub_m a:hover{ text-decoration:none}
    .check_sub_m a.curr{background:url(../images/white_h_j.png) 5% center no-repeat; background-size:auto 38%;}
    .check_sub_m a.curr span{ width:100%; height:15px; display:block; background:url(../images/spancurr2.png) bottom center no-repeat;background-size:auto 100%; position:absolute; left:0; top:2em;  }

    .check_detail_m{ display:none}
    .check_detail_m li{ height:3em; background:#e5f5e5;margin-bottom:5px; line-height:3em; padding-left:16%; color:#f29e0e}
    .check_detail_m li span{ width:40%; display:inline-block; color:#009900}

    .qabox{ border-top:#dcdddd 1px solid;padding:3.4em 22px;}
    .qabox .qa_con{ padding:0 125px;max-width:568px; line-height:30px;}
    .qabox .qa_con img{ width:100%;  margin-bottom:55px;}
    .qabox .qa_con span{ color:#009900}
    .qabox .qa_con p.text{ text-indent:2em; margin-bottom:1em;}
    .qabox .qa_con p.text b{ color:#ff0000;}
    .qabox .qa_con p.link_a{ color:#009900; font-size:1.3em; line-height:2em;}
    .qabox .qa_con p.link_a a{ display:inline-block}
    .qabox .contact_box{ padding:1em 0; margin-left:125px;}

    .xmjsbox{ border-top: none;border-bottom:#dcdddd 1px solid;}


    .main .tips{ font-size:1em; display:block; border-bottom:#dcdddd 1px solid; padding:0 22px 63px}
    .main .tips2{ font-size:1em; line-height:1.8em; display:block;  padding:22px 0}
    .main .tips2 span{ color:#009900}

    /********project ***********
    .project_banner{ height:334px;}
    .project_banner .img{ height:334px;background:url(../images/projectbanner.jpg) 0 0 no-repeat}

    .project_tit{ padding:30px 22px 10px 22px;}
    .project_box .main_box em{ color:#009900}
    .project_box .main_box dl{ width:56%;}

    .project_tit .tips{  border-bottom: none; padding: 0;}
    .project_tit h2{ padding-top:40px; }
    .project_box .main_box{ border-bottom: none;}

    /********history ***********
    .history_banner{ height:334px;}
    .history_banner .img{ height:334px;background:url(../images/historybanner.jpg) 0 0 no-repeat}

    .history_tit{ padding:30px 22px 10px 22px;}
    .history_box .main_box em{ color:#009900}
    .history_box .main_box dl{ width:56%;}
    .history_box p.position{ margin-bottom:0}


    /********join us ***********
    .news_banner{ height:334px;}
    .news_banner .img{ height:334px;background:url(../images/newsbanner.jpg) 0 0 no-repeat}

    .act_banner{ height:334px;}
    .act_banner .img{ height:334px;background:url(../images/companybanner.jpg) 0 0 no-repeat}

    .media_banner{ height:334px;}
    .media_banner .img{ height:334px;background:url(../images/mediabanner.jpg) 0 0 no-repeat}

    .policy_banner{ height:334px;}
    .policy_banner .img{ height:334px;background:url(../images/developbanner.jpg) 0 0 no-repeat}

    .select{padding-left:22px;}
    .select select{ padding: 0 15px;}
    .news_box .center_box{ padding:1.8em 0 4em 0; min-height:15em;}
    .news_box .center_box p.nonecontent{padding-left:22px;}
    .news_box .center_box p.position{ padding-left:22px;}
    .newslist li{ display:block; border-bottom:#dcdddd 1px solid; font-size:1em; padding:2.6em 30px;}
    .newslist li a{ font-size:1.3em; display:block; color:#009900; line-height:1.4em; padding:0.3em 0;}
    .newslist li span{ font-size:1em; line-height:1.5em;}
    .newslist li span em{ font-style:italic}
    .newslist li p{ font-size:1em; line-height:2em;}

    .news_con{ padding:0 22px;}
    .news_con h1{ font-size:1.4em; line-height:1.5em; display:block; color:#009900; padding:0.5em 0;}
    .info span{ margin-right:5px; color:#999; margin-bottom:2em; display:block}

    .maintext{ font-size:1em; line-height:2em;word-wrap:break-word;}
    .maintext span.imgshow{ width:100%;  margin: 5px auto; display:block; position:relative}
    .maintext span.imgshow em.fdj{ width:25px; height:25px; display:block; position:absolute; right:0; bottom:2px;background:url(../images/fdj.png) 0 0 no-repeat;-moz-background-size:25px 22px;-webkit-background-size:25px 22px;background-size:25px 22px; display:none}
    .maintext img{ max-width:90%;}
    .maintext img.img-large{ border:none; padding:0; border:0;}



    /********type ***********
    .type_banner{ height:334px;}
    .type_banner .img{ height:334px;background:url(../images/typebanner.jpg) 0 0 no-repeat}

    .type_box p.position{ margin-bottom:0;}
    .type_box .main_box .img{ display:block; float:none; width:100%}
    .type_box .main_box .text{ margin-top:1em;}
    .type_box .main_box .text span{ color:#009900;}

    /********team ***********
    .team_banner{ height:334px;}
    .team_banner .img{ height:334px;background:url(../images/teambanner.jpg) 0 0 no-repeat}
    .team_tit{ padding:30px 22px 10px 22px;}
    .team_box .main_box .img{ display:block; float:none; width:100%; max-width:956px;}


    ****/





	@media screen and (-ms-high-contrast:active) {

	}

	@media (min-width:0) {

	}

	@media screen and (min-width:640px) {


	}

	@media (min-width:768px) {

	}
	@media (min-width:1400px) {

	}


